import { ref, watchEffect } from "vue";
import { getTodos, saveTodos } from "../utils/todosStorage.js";

export default function () {
	let todoListRef = ref(getTodos());
	watchEffect(() => {
		// 立即执行传入的一个函数，同时响应式追踪其依赖，并在其依赖变更时重新运行该函数。
		saveTodos(todoListRef.value);
	});
	return {
		todoListRef,
	};
}
